<%-- 
    Document   : clientes
    Created on : 28-sep-2014, 20:30:37
    Author     : Leonardo
--%>

<!DOCTYPE html>
<html lang="en">
   <jsp:include page="cabezal.jsp" flush="true"></jsp:include>
   <body>
      <!-- header -->
      <jsp:include page="usuario.jsp" flush="true"></jsp:include>
      <!-- / header --> <!-- nav --> 
      <jsp:include page="menu.jsp" flush="true"></jsp:include>
      <!-- / nav --> 
      <section id="content">
         <section class="main padder">
            <div class="clearfix">
               <h4><i class="fa fa-edit"></i>Clientes</h4>
            </div>
            <div class="row">
               <div class="col-sm-5">
                  <section class="panel">
                     <div class="panel-body">
                        <form class="form-horizontal" method="get" data-validate="parsley">
                           <div class="form-group">
                              <label class="col-lg-3 control-label">CI Cliente</label> 
                              <div class="col-lg-8"> <input type="text" id="ciCliente" placeholder="CI" class="bg-focus form-control" data-required="true"> </div>
                           </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label">Nombre</label> 
                              <div class="col-lg-8"> <input type="text" id="nombreCliente" placeholder="Nombre" class="bg-focus form-control" data-required="true"> </div>
                           </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label">Apellido</label> 
                              <div class="col-lg-8"> <input type="text" id="apellidoCliente" placeholder="Apellido" class="bg-focus form-control" data-required="true"> </div>
                           </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label">Telefono</label> 
                              <div class="col-lg-8"> <input type="text" id="telefonoCliente" placeholder="Telefono" class="bg-focus form-control" data-required="true"> </div>
                           </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label">Celular</label> 
                              <div class="col-lg-8"> <input type="text" id="celularCliente" placeholder="Celular" class="bg-focus form-control" > </div>
                           </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label">Direccion</label> 
                              <div class="col-lg-8"> <input type="text" id="direccionCliente" placeholder="Direccion" class="bg-focus form-control" > </div>
                           </div>
                           <div class="form-group">
                              <div class="col-lg-9 col-lg-offset-3"> 
                                  <button type="button" id="guardarCliente" class="btn btn-success">Guardar</button>
                                  <button type="button" id="modificarCliente" class="btn btn-primary">Modificar</button>
                                  <button type="button" id="eliminarCliente" class="btn btn-danger">Eliminar</button>
                              </div>
                           </div>
                        </form>
                     </div>
                  </section>
               </div>
               <div class="col-lg-7">
                  <section class="panel">
                     <header class="panel-heading"> Tabla Clientes </header>
                     <div id="desplegableClientes"></div>                     
                  </section>
               </div>            
            </div>
         </section>
      </section>
      <jsp:include page="pie.jsp" flush="true"></jsp:include>
   </body>
</html> 
<script>
    javascript: cargaAjax('tablas/tabla.Clientes.jsp', 'desplegableClientes', '');

    function abmClientes(xFuncion)
    {
        javascript: cargaAjax('intermedio/intermedio.Personas.jsp', 'recarga', 
                        'xCi=' + $('#ciCliente').val() + 
                        '&xNombre=' + $('#nombreCliente').val() + 
                        '&xApellido=' + $('#apellidoCliente').val() + 
                        '&xCelular=' + $('#celularCliente').val() + 
                        '&xTelefono=' + $('#telefonoCliente').val() + 
                        '&xDireccion=' + $('#direccionCliente').val() +  
                        '&xTipoPersona=P' +  
                        '&xFuncion='+xFuncion);   
    }

    $('#guardarCliente').click(function(){
        abmClientes(0);
    });

    $('#eliminarCliente').click(function(){
        abmClientes(1);
    });

    $('#modificarCliente').click(function(){
        abmClientes(2);
    });
</script>  
